﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ucPicBrowse.ascx.cs" Inherits="UserControls_ucPicBrowse" %>

<style>
    .noscript {
        display: none;
    }

    div#page {
        /*width: 900px;*/
        width: 100%;
        background-color: #fff;
        margin: 0 auto;
        text-align: left;
        /*border-color: #ddd;
            border-style: none solid solid;
            border-width: medium 1px 1px;*/
    }

    div#footer {
        clear: both;
        color: #777;
        margin: 0 auto;
        padding: 10px 0 10px;
        text-align: center;
    }
</style>
<div id='page'>
    <div id='container'>
        <div id='gallery' class='content'>
            <div id='controls' class='controls'></div>
            <div class='slideshow-container'>
                <div id='loading' class='loader'></div>
                <div id='slideshow' class='slideshow'></div>
            </div>
            <div id='caption' class='caption-container'></div>
        </div>
        <div id='thumbs' class='navigation'>
            <ul class='thumbs noscript' id='ulcontent'>
                <%=contentHtml%>
            </ul>
        </div>
    </div>
</div>
<div id='footer'></div>
<script type='text/javascript'>
    $(document).ready(function () {
        $('div.navigation').css({ 'width': '40%', 'float': 'left' });
        $('div.content').css('display', 'block');
        var onMouseOutOpacity = 0.67;
        $('#thumbs ul.thumbs li').opacityrollover({ mouseOutOpacity: onMouseOutOpacity, mouseOverOpacity: 1.0, fadeSpeed: 'fast', exemptionSelector: '.selected' });
        var gallery = $('#thumbs').galleriffic({
            delay: 2500, numThumbs: 15, preloadAhead: 10, enableTopPager: true, enableBottomPager: true, maxPagesToShow: 7, imageContainerSel: '#slideshow', controlsContainerSel: '#controls', captionContainerSel: '#caption', loadingContainerSel: '#loading', renderSSControls: true, renderNavControls: true, playLinkText: '开始播放', pauseLinkText: '暂停播放', prevLinkText: '&lsaquo; 上一个照片', nextLinkText: '下一个照片 &rsaquo;', nextPageLinkText: 'Next &rsaquo;', prevPageLinkText: '&lsaquo; Prev', enableHistory: false, autoStart: false, yncTransitions: true, defaultTransitionDuration: 900,
            onSlideChange: function (prevIndex, nextIndex) {
                this.find('ul.thumbs').children().eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end().eq(nextIndex).fadeTo('fast', 1.0);
            },
            onPageTransitionOut: function (callback) {
                this.fadeTo('fast', 0.0, callback);
            }, onPageTransitionIn: function () {
                this.fadeTo('fast', 1.0);
            }
        });
    });

</script>
